*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration:none;
    color: #b0b0b0;
}
.top{
    display: flex;
    position: relative;
    height: 40px;
    font-size: 12px;
    color: #b0b0b0;
    background: #333;
    justify-content: center;
    .w{
        display: flex;
        justify-content: space-between;
        width: 1226px;
        .nav{
            display: flex;
            align-items: center;
            .sep{
                margin: 0 8px;
                color: #424242;
            }
            .download{
                position: relative;
                .appcode{
                    position: absolute;
                    top: 30px;
                    left: 50%;
                    width: 124px;
                    height: 0;
                    margin-left: -55px;
                    box-shadow: 0 1px 5px #aaa;
                    text-align: center;
                    font-size: 14px;
                    color: #333;
                    transition: height .3s;
                    overflow: hidden;
                    img{
                        display: block;
                        margin: 20px auto 12px;
                        width: 90px;
                        height: 90px;
                    }
                }
            }
            .download:hover{
                .appcode{
                    height: 148px;
                }
            }
        }
        .left{
            @extend .nav;
            .cart{
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 120px;
                height: 40px;
                margin-left: 15px;
                transition: all .2s;           
                background: #424242;
                cursor: pointer;
                .cartMenu{
                    position: absolute;
                    right: 0;
                    top: 40px;
                    width: 316px;
                    height: 0;
                    color: #424242;
                    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
                    transition: height .3s;
                    span{
                        display: none;
                    }
                }
            }
            .cart:hover{
                color: #ff6700;
                background: #fff;
                .cartMenu{
                    height: 100px;
                    text-align: center;
                    line-height: 100px;
                    span{
                        display: block;
                    }
                }
            }
        }

    }
}